Tego komponentu nie można używać w Google Ads, Google AdMob, reklamach AMP HTML, reklamach wideo ani reklamach graficznych.
Komponent Wideo umożliwia umieszczenie filmu w reklamie i dodanie funkcji interaktywnych.
Aby wyświetlać film z YouTube, użyj komponentu YouTube.
Dodawanie komponentu Wideo do projektu
- Otwórz panel Komponenty, a potem folder Media.
- Przeciągnij komponent Wideo na scenę. Jeśli tworzysz reklamę, możesz też kliknąć Plik > Importuj zasoby… i pominąć następny krok.
- W panelu Właściwości przejdź do sekcji właściwości komponentu Wideo i w polu Źródła wpisz adres URL pliku źródłowego z filmem. Jeśli ten plik znajduje się na komputerze lokalnym, kliknij w tym polu przycisk Przeglądaj , aby wybrać film w systemie plików komputera.
- Aby film był interaktywny, możesz dodać do niego obszary interaktywne lub punkty wstawienia. Kliknij dwukrotnie komponent Wideo na scenie, by otworzyć okno Film interaktywny.
- Obszary interaktywne wyświetlają się na komponencie Wideo w określonym czasie.
- Punkty wstawienia pozwalają przypisywać zdarzenia do konkretnych momentów odtwarzania.
Filmy w przeglądarkach mobilnych
Przeglądarki mobilne mogą wyłączać autoodtwarzanie filmów, by użytkownicy nie musieli ponosić opłat za przesyłanie treści, które ich nie interesują. Sprawdzona metoda w przeglądarkach mobilnych to wyłączenie autoodtwarzania i włączenie elementów sterujących odtwarzacza.
W panelu Właściwości wprowadź te zmiany:
- Odznacz pole wyboru Autoodtwarzanie.
- Zaznacz pole wyboru Pokaż elementy sterujące.
Okno Film interaktywny
W oknie Film interaktywny możesz wyświetlić podgląd filmu oraz skonfigurować obszary interaktywne i punkty wstawienia. Znajdziesz tam też oś czasu wideo, na której możesz sprawdzić, kiedy uruchomią się obszary interaktywne i punkty wstawienia. Aby obszar interaktywny był widoczny na podglądzie filmu, ustaw suwak odtwarzania między czasem rozpoczęcia a czasem zakończenia danego obszaru.
Okno Film interaktywny – elementy sterujące
Poniżej podglądu filmu znajdziesz te elementy sterujące odtwarzaniem i pozycją suwaka:
Przejdź wstecz (do punktu wstawienia, na początek lub na koniec obszaru interaktywnego albo na początek filmu) | |
Poprzednia klatka | |
/ | Odtwórz/wstrzymaj |
Następna klatka | |
Przejdź do przodu (do punktu wstawienia, na początek lub na koniec obszaru interaktywnego albo na koniec filmu) |
Możesz też bezpośrednio edytować bieżący czas odtwarzania filmu, klikając czas odtwarzania w żółtym polu i wpisując nowy czas w sekundach.
Dodawanie punktu wstawienia
- Jeśli suwak odtwarzania znajduje się w miejscu, w którym chcesz dodać punkt wstawienia, kliknij przycisk Utwórz punkt wstawienia pod filmem. W przeciwnym razie kliknij prawym przyciskiem myszy oś czasu i wybierz Dodaj punkt wstawienia z menu.
- Nad osią czasu pojawi się znacznik punktu wstawienia .
- Możesz edytować identyfikator punktu wstawienia w panelu Właściwości po prawej stronie lub kliknąć prawym przyciskiem myszy punkt wstawienia i wybrać Edytuj identyfikator….
- Aby dostosować czas punktu wstawienia, przeciągnij jego znacznik wzdłuż osi czasu filmu lub wpisz nowy czas w panelu Właściwości. Punkty wstawienia muszą być od siebie oddalone o co najmniej pół sekundy.
Gdy zamkniesz okno, możesz utworzyć odniesienie do punktu wstawienia w zdarzeniach i działaniach.
Usuwanie punktu wstawienia
Kliknij prawym przyciskiem myszy znacznik punktu wstawienia i wybierz Usuń.
Dodawanie obszaru interaktywnego
- Przesuń suwak odtwarzania w miejsce, gdzie chcesz dodać obszar interaktywny.
- Kliknij przycisk + Obszar interaktywny na lewo od osi czasu filmu. Pojawi się pod nią nowa ścieżka obszaru interaktywnego.
- W panelu Właściwości po prawej stronie wybierz zasób, który ma się wyświetlać jako nakładka.
- Pomiń ten krok, jeśli chcesz, by obszar interaktywny był przezroczysty.
- Jeśli użyjesz zasobu wideo, po wyświetleniu obszaru interaktywnego film odtworzy się automatycznie, bez elementów sterujących.
- Dostosuj pozycję, rozmiar i czas obszaru interaktywnego.
- Domyślnie obszar interaktywny wyświetla się przez cały czas trwania filmu, w tym przed rozpoczęciem odtwarzania i po jego zakończeniu.
- Możesz wprowadzić zmiany w panelu Właściwości albo przeciągnąć obszar interaktywny w nowe miejsce, przeciągnąć uchwyty zmiany jego rozmiaru lub przeciągnąć jego pasek na osi czasu filmu.
Aby dodać reakcję na kliknięcie obszaru interaktywnego przez użytkownika, po zamknięciu okna ustaw zdarzenie, które wykrywa Mysz > kliknięcie.
Obszary interaktywne nie działają w filmach pełnoekranowych.
Usuwanie obszaru interaktywnego
Kliknij X obok identyfikatora obszaru interaktywnego na lewo od osi czasu filmu.
Właściwości
Właściwości komponentu Wideo
Właściwości komponentu Wideo znajdziesz w panelu Właściwości. (Musisz zamknąć okno Film interaktywny).
Właściwość | Opis |
---|---|
Nazwa | Nazwa komponentu. |
Autoodtwarzanie | Po wybraniu tej opcji film będzie odtwarzany automatycznie po załadowaniu strony. Opcja nieobsługiwana przez niektóre przeglądarki mobilne. |
Pętla | Po wybraniu tej opcji film będzie ciągle powtarzany. |
Wyciszenie | Po wybraniu tej opcji film będzie początkowo wyciszony. |
Elementy sterujące | Po wybraniu tej opcji film będzie zawierał standardowy pasek sterowania odtwarzaniem. |
Źródła | Adres URL źródła filmu. Możesz podać wiele źródeł dla różnych formatów, rozdzielając adresy URL przecinkami. Może być powiązana z danymi dynamicznymi. |
Plakat | Adres URL klatki z podglądem, która jest wyświetlana, dopóki użytkownik nie rozpocznie odtwarzania lub przewijania filmu. Może być powiązana z danymi dynamicznymi. |
Właściwości punktu wstawienia możesz przeglądać i edytować w oknie Film interaktywny.
Właściwość | Opis |
---|---|
Identyfikator | Identyfikator punktu wstawienia. |
Czas | Czas w sekundach, na który ustawiony jest punkt wstawienia. Może być powiązana z danymi dynamicznymi. |
Właściwości obszaru interaktywnego możesz przeglądać i edytować w oknie Film interaktywny.
Właściwość | Opis |
---|---|
Identyfikator | Identyfikator obszaru interaktywnego. |
Lewo | Lewa pozycja obszaru interaktywnego jako procent szerokości komponentu Wideo. Może być powiązana z danymi dynamicznymi. |
Góra | Górna pozycja obszaru interaktywnego jako procent wysokości komponentu Wideo. Może być powiązana z danymi dynamicznymi. |
Szerokość | Szerokość obszaru interaktywnego jako procent szerokości komponentu Wideo. Może być powiązana z danymi dynamicznymi. |
Wysokość | Wysokość obszaru interaktywnego jako procent wysokości komponentu Wideo. Może być powiązana z danymi dynamicznymi. |
Czas pokazania | Czas w sekundach, w którym obszar interaktywny staje się widoczny. Nie ma zastosowania, jeśli zaznaczona jest opcja Pokaż przed rozpoczęciem odtwarzania. Może być powiązana z danymi dynamicznymi. |
Pokaż przed rozpoczęciem odtwarzania | Określa, czy obszar interaktywny jest wyświetlany przed rozpoczęciem odtwarzania filmu. |
Czas ukrycia | Czas w sekundach, w którym obszar interaktywny przestaje być widoczny. Nie ma zastosowania, jeśli zaznaczona jest opcja Pokaż po odtworzeniu. Może być powiązana z danymi dynamicznymi. |
Pokaż po odtworzeniu | Określa, czy obszar interaktywny ma się wyświetlać po zakończeniu odtwarzania filmu. |
Zasób | Obraz, film lub grupa wyświetlane jako nakładka. Może być powiązana z danymi dynamicznymi. |
Skalowanie | Użyj skalowania, jeśli zasobem jest obraz, który rozmiarem różni się od obszaru interaktywnego.
|
Zdarzenia i działania
Dowiedz się, jak konfigurować zdarzenia.
Zdarzenia
Zdarzenia wysyłane przez komponent WideoNa podstawie tych zdarzeń komponentu Wideo możesz wywoływać inne działania:
Zdarzenie | Opis |
---|---|
Odtwarzanie po wstrzymaniu | Wysyłane, gdy odtwarzanie multimediów rozpocznie się po wstrzymaniu. Oznacza, że odtwarzanie zostało wznowione po wcześniejszym zdarzeniu wstrzymania. |
Wstrzymany | Wysyłane po wstrzymaniu odtwarzania. |
Odtwarzany | Wysyłane, gdy rozpocznie się odtwarzanie multimediów (po raz pierwszy, po wcześniejszym wstrzymaniu lub po zakończeniu i wznowieniu odtwarzania). |
Zakończono | Wysyłane po zakończeniu odtwarzania. |
Zmiana głośności | Wysyłane, gdy zmieni się głośność dźwięku (zarówno przy ustawianiu głośności, jak i zmianie atrybutu wyciszenia). |
Wyszukiwany | Wysyłane po zakończeniu operacji wyszukiwania. |
Buforowanie | Wysyłane, gdy żądana operacja (np. odtwarzanie) jest opóźniona z powodu oczekiwania na zakończenie innej (np. wyszukiwania). |
Aby wybrać jedno z tych zdarzeń w oknie dialogowym Zdarzenie, ustaw komponent Wideo jako element docelowy.
Jeśli dodasz do filmu punkt wstawienia, możesz wywołać inne działania na podstawie tego zdarzenia punktu wstawienia:
Zdarzenie | Opis |
---|---|
Osiągnięto punkt wstawienia | Wysyłane, gdy odtwarzanie multimediów osiągnie czas podany w punkcie wstawienia. |
Aby wybrać to zdarzenie w oknie dialogowym Zdarzenie, ustaw punkt wstawienia jako element docelowy.
Jeśli dodasz do filmu obszar interaktywny, możesz wywołać inne działania na podstawie tych zdarzeń obszaru interaktywnego:
Zdarzenie | Opis |
---|---|
Pokazanie obszaru interaktywnego | Wysyłane, gdy obszar interaktywny staje się widoczny. |
Ukrycie obszaru interaktywnego | Wysyłane, gdy obszar interaktywny zostaje ukryty. |
Aby wybrać jedno z tych zdarzeń w oknie dialogowym Zdarzenie, ustaw obszar interaktywny jako element docelowy.
Działania
Działania wykonywane przez komponent WideoW odpowiedzi na zdarzenia komponent Wideo może uaktywniać te działania:
Działanie | Opcje konfiguracji |
---|---|
Przełącz wyciszenie | brak |
Wstrzymaj | brak |
Odtwórz | brak |
Odtwórz ponownie | brak |
Przewiń | Czas – czas w sekundach, do jakiego następuje przewinięcie. |
Ustaw głośność | Ustaw głośność (0–100) – głośność filmu jako wartość procentowa. |
Ustaw źródła | Źródła – źródłowe adresy URL różnych formatów rozdzielone przecinkami. |
Gdy w oknie Zdarzenie wybierzesz jedno z tych działań, ustaw komponent Wideo jako odbiornik.
Jeśli dodasz do filmu punkt wstawienia, w odpowiedzi na zdarzenia może on uaktywniać te działania:
Działanie | Opcje konfiguracji |
---|---|
Przewiń do punktu wstawienia | brak |
Ustaw czas punktu wstawienia | Czas – podany w sekundach. |
Gdy w oknie Zdarzenie wybierzesz jedno z tych działań, ustaw punkt wstawienia jako odbiornik.
Jeśli dodasz do filmu obszar interaktywny, w odpowiedzi na zdarzenia może on uaktywniać te działania:
Działanie | Opcje konfiguracji |
---|---|
Zmień widoczność | Pokaż obszar interaktywny – zaznacz to pole, by obszar interaktywny był widoczny. Odznacz je, by go ukryć. |
Przewiń do czasu pokazania lub czasu ukrycia | Przewiń do czasu pokazania – zaznacz to pole, by przewinąć do czasu pokazania obszaru interaktywnego. Odznacz je, by przewinąć do czasu ukrycia obszaru interaktywnego. Najlepiej użyć tego działania w przypadku obszarów interaktywnych, które wyświetlają się przed odtwarzaniem lub po nim, ponieważ efekt podczas odtwarzania jest tylko chwilowy. |
Ustaw czasy |
|
Gdy w oknie Zdarzenie wybierzesz jedno z tych działań, ustaw obszar interaktywny jako odbiornik.
Podgląd
Aby wyświetlić podgląd filmu w oknie Film interaktywny, kliknij dwukrotnie komponent Wideo na scenie. Podgląd w oknie nie wyrenderuje w pełni obszarów interaktywnych zawierających animację.
Aby wyświetlić podgląd komponentu wraz z innymi elementami w dokumencie lub przetestować wybrane zdarzenia, zamknij okno Film interaktywny i kliknij przycisk Podgląd w prawym górnym rogu.